<template>
	<div>
		<van-list v-model="loading" :finished="finished" @load="onLoad">
			<van-cell v-for="item in list" :key="item" :title="item + ''" />
		</van-list>
	</div>
</template>

<script>
	import {
		List,
		Cell
	} from 'vant';
	export default {
		components:{
			vanList:List,
			vanCell:Cell
		},
		data() {
			return {
				list: [],
				loading: false,
				finished: false
			};
		},
		methods: {
			onLoad() {
				setTimeout(() => {
					for (let i = 0; i < 10; i++) {
						this.list.push(this.list.length + 1);
					}
					this.loading = false;
					if (this.list.length >= 40) {
						this.finished = true;
					}
				}, 500);
			}
		}
	}
</script>

<style scoped>

</style>